
<html>
<head>
<title>Beer-Factory</title>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<style>
.beszerzesre {
	/*display: inline-block;*/
	
}

body {
	padding: 15px;
}
</style>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<script src="http://tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script>
	tinymce.init({
		selector : 'textarea'
	});
</script>
</head>
<body>
	<nav class="navbar navbar-default" role="navigation">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">IMPORTER</a>
			</div>


			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li><a href="importer.html">Upload import doc.</a></li>
					<li><a href="importer-need.html">Material needs to import</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="login.html">Logout</a></li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>
	<div class="row">
	<div class="well well-sm">Beszallitolista keszitese, miutan kinyomtatjuk, atadodik egy beszallitonak az igeny</div>
		<div class="col-md-5">
			<h1>Transport data:</h1>
			<textarea>comments</textarea>
			</br> </br>
			<button class="btn btn-default" type="button">PRINT</button>			
			<a href="importer-need.html"><button class="btn btn-warning" type="button">BACK</button></a>
		</div>
		<div class="col-md-7 ">
			<form class="form-inline" role="form">
				<div class="form-group">
					<label class="sr-only" for="exampleInputEmail2">Add
						Material</label> <input type="email" class="form-control"
						id="exampleInputEmail2" placeholder="Search material">
				</div>
				<div class="form-group">
					<div class="input-group">
						<div class="input-group-addon">+</div>
						<input class="form-control" type="email" placeholder="Quantity">
					</div>
				</div>
				<button type="submit" class="btn btn-default">Add to list</button>
			</form>
			<h1>Material list:</h1>
			<div class="beszerzesre panel panel-default">
				<table class="table table-hover panel-body">
					<thead>
						<td>#</td>
						<td>Material</td>
						<td>Quantity</td>
						<td>Remove?</td>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>Water</td>
							<td>100l</td>
							<td><button class="btn btn-warning" type="button">REMOVE</button></td>
						</tr>
						<tr>
							<td>2</td>
							<td>asdasd</td>
							<td>234ml</td>
							<td><button class="btn btn-warning" type="button">REMOVE</button></td>
						</tr>
						<tr>
							<td>3</td>
							<td>aghgfn sdf</td>
							<td>140l</td>
							<td><button class="btn btn-warning" type="button">REMOVE</button></td>
						</tr>
						<tr>
							<td>4</td>
							<td>fgfghf</td>
							<td>34kb</td>
							<td><button class="btn btn-warning" type="button">REMOVE</button></td>
						</tr>
						<tr>
							<td>5</td>
							<td>ertnbf</td>
							<td>12kg</td>
							<td><button class="btn btn-warning" type="button">REMOVE</button></td>
						</tr>
						<tr>
							<td>6</td>
							<td>FFkjs</td>
							<td>10l</td>
							<td><button class="btn btn-warning" type="button">REMOVE</button></td>
						</tr>
						<tr>
							<td>7</td>
							<td>WaRlkjgter</td>
							<td>23kg</td>
							<td><button class="btn btn-warning" type="button">REMOVE</button></td>
						</tr>
						<tr>
							<td>8</td>
							<td>WaIsoghkter</td>
							<td>30l</td>
							<td><button class="btn btn-warning" type="button">REMOVE</button></td>
						</tr>
						<tr>
							<td>9</td>
							<td>Klskjd dfs</td>
							<td>90l</td>
							<td><button class="btn btn-warning" type="button">REMOVE</button></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<!-- Bootstrap core JavaScript
================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/docs.min.js"></script>

	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<script src="js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>